<!DOCTYPE html>
<html lang="zh-cmn">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<title>按钮组件 - TomUI</title>
  <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="../public/style/css/tom.css" />
  <style>
    .widget-stage {
      padding: 50px;
    }
    .widget-stage-title {
      margin-bottom: 15px;
      font-size: 36px;
    }
    .widget-stage-desc {
      margin-bottom: 50px;
      color: gray;
      font-size: 15px;
    }
    .widget-item {
      margin-bottom: 40px;
      padding-bottom: 22px;
      border-bottom: 1px solid #E4E6E9;
    }
    .widget-item-title {
      margin-bottom: 16px;
      font-size: 22px;
    }
    .widget-item-cnt {
      *zoom: 1;
    }
    .widget-item-cnt:after {
      clear: both;
      content: ".";
      display: block;
      line-height: 0;
      font-size: 0;
      visibility: hidden;
      overflow: hidden;
    }
    .widget-item .qui-dialog,
    .widget-item .qui-dropdownMenu {
      position: relative;
      float: left;
      margin: 10px 10px 10px 0;
      top: 0 !important;
      left: 0 !important;
    }
    .widget-item .tm-inputText {
      margin-bottom: 20px;
    }
    .widget-item .qui-dialog {
      z-index: 10;
    }
  </style>
</head>
<body>


<!-- 组件区域 start -->
<div class="widget-stage">
	<div class="widget-stage-title">TomUI Input 输入框 组件</div>
	<div class="widget-item">
		<div class="widget-item-title">基础按钮</div>
		<div class="widget-item-cnt">
			<input type="text" class="tm-input" placeholder="请输入内容..." />
		</div>
	</div>
</div>
<!-- 组件区域 end -->

</body>
</html>
